<template>
  <div>
    <el-card shadow="always" :body-style="{ padding: '10px' }">
      <!-- card body -->

      <el-row :gutter="20">
        <el-col :span="5" :offset="0">
          <div class="ceshi1">
            <el-date-picker
              v-model="startdate"
              type="datetime"
              size="normal"
              placeholder="选择日期时间"
            ></el-date-picker>
          </div>
        </el-col>
        <el-col :span="1" :offset="0">
          <div class="ceshi2">
            <el-button type="primary" size="default">查询</el-button>
          </div>
        </el-col>
        <el-col :span="1" :offset="1">
          <div class="ceshi2">
            <el-button type="primary" size="default">充值</el-button>
          </div>
        </el-col>
        <el-col :span="1" :offset="1">
          <div class="ceshi2">
            <el-button type="primary" size="default">充值</el-button>
          </div>
        </el-col>
      </el-row>
      
      <el-row :gutter="20">
        <el-table :data="maindata" border stripe>
          <el-table-column
            v-for="col in columns"
            :prop="col.id"
            :key="col.id"
            :label="col.label"
            :width="col.width"
          ></el-table-column>
        </el-table>
      </el-row>
    </el-card>
  </div>
</template>

<script>
export default {
  name: '',
  data() {
    return {
      startdate: '',
      maindata:{
        columns:[aa,aaa,aa]
      }
    }
  },
  created() {},
  mounted() {},
  methods: {},
}
</script>

<style scoped lang="less">
.ceshi1 {
  background-color: #000;
}
.ceshi2 {
  background-color: red;
}
</style>
